<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title>获取单选按钮</title>
	</head>
	<body>
		<input type="radio" name="rad" value="1" />	1
		<input type="radio" name="rad" value="2"  /> 2
		<button type="button" onclick="getRadio()">获取</button>
	</body>
	<!--
		(1)获取单选按钮组
			document.getElementsByName("name属性值");
		(2)遍历每个单选按钮，并查看单选按钮元素的checked属性

			选中状态：	checked='checked'  checked   cheked=true
			未选中状态：	未设置checked属性或checked=false

	 -->
	 <script type="text/javascript">
	 	function getRadio(){
			// (1)获取单选按钮组
			var radios = document.getElementsByName("rad");
			// (2)遍历每个单选按钮，并查看单选按钮元素的checked属性
			for (var i = 0; i < radios.length; i++) {
				console.log(radios[i].checked);
				if (radios[i].checked) {
					// 获取值
					console.log(radios[i].value);
				}
			}
		}
	 </script>
</html>
